<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<title>搜狗输入法-首页</title>
		<!-- 搜狗logo    -->
		<link rel="shortcut icon" type="image/ico" href="img/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/top.css" />
		<link rel="stylesheet" type="text/css" href="css/body.css" />
		<link rel="stylesheet" type="text/css" href="css/bottom.css" />
	</head>
	<body>
		<div class="box">
			<!-- 头部box      -->
			<div class="topbox">
				<!-- 顶部 -->
				<div class="top">
					<!-- 头部导航 -->
					<div class="topnav">
						<!-- 版本 -->
						<div class="edition">
							<div class="ednm">
								<a href="#">输入法手机版</a>
							</div>
							<img src="./img/separator.png">
							<div class="ednm">
								<a href="#">输入法Mac版</a>
							</div>
							<img src="./img/separator.png">
							<div class="ednm">
								<a href="#">输入法企业版</a>
							</div>
							<img src="./img/separator.png">
							<div class="ednm">
								<a href="#">输入法Linux版</a>
							</div>
							<img src="./img/separator.png">
							<div class="ednm">
								<a href="#">五笔输入法</a>
							</div>
							<img src="./img/separator.png">
							<div class="ednm">
								<a href="#">输入法开放平台</a>
							</div>
						</div>
						<!-- 用户登入 -->
						<div class="userinfo">
							<div class="usernm">
								<a href="#">登录</a>
							</div>
							<img src="./img/separator.png">
							<div class="usernm">
								<a href="#">注册</a>
							</div>
						</div>
					</div>
				</div>
				<!-- 搜索 -->
				<div class="sea">
					<div class="seach">
						<div class="seachimg">
							<img src="./img/logo.png">
						</div>
						<div class="seachinput">
							<input type="text" placeholder="找皮肤..." />
							<button type="button" class="btnimg"><img src="./img/search.png"></button>
						</div>
					</div>
				</div>
				<!-- 导航栏 -->
				<div class="nav">
					<div class="navstyle">
						<div class="navnm">
							<a href="#">首页</a>
						</div>
						<div class="navnm">
							<a href="#">皮肤</a>
						</div>
						<div class="navnm">
							<a href="#">词库</a>
						</div>
						<div class="navnm">
							<a href="#">皮肤表情开放平台</a>
							<img src="img/new.png" class="navimg">
						</div>
						<div class="navnm">
							<a href="#">帮助</a>
						</div>
						<div class="navnm">
							<a href="#">升级日志</a>
						</div>
					</div>
				</div>
			</div>
			<!-- 大图box -->
			<div class="bigimg">
				<!-- 版心 -->
				<div class="bx">
					<div class="two">
						12.2正式版
					</div>
					<div class="update">
						更新日期 : 2022-07-02
					</div>
					<div class="new">
						<a href="#">新版特性</a>
					</div>
					<div class="xin">
						支持：XP / WIN7 / WIN8 / WIN10
					</div>
					<!-- 立即下载 -->
					<button type="button" class="btnnow"></button>
					<!-- 二维码 -->
					<div class="erwei">
						<img src="img/shoujiime_20190903.jpg">
					</div>
					<!-- 手机版下载 -->
					<div class="upphone">
					</div>
				</div>

			</div>
			<!-- 身体部分 -->
			<div class="bodybox">
				<!-- 左边区域 -->
				<div class="left">
					<!-- 皮肤 -->
					<div class="skinbox">
						<!-- 标题 -->
						<div class="bodytitle"></div>
						<div class="bodycon">
							<div class="bjimg">
								<img src="./img/15771736111707_former.jpg">
							</div>
							<div class="onetext">
								<a href="#">相濡以沫-心痛到无法呼吸</a>
								<!-- 下载 -->
								<a href="#" class="oneup"></a>
							</div>
						</div>
						<div class="bodycon">
							<div class="bjimg">
								<img src="./img/15734377969698_former.gif">
							</div>
							<div class="onetext">
								<a href="#">野萌君·哈哈哈</a>
								<a href="#" class="oneup"></a>
							</div>
						</div>
						<div class="bodycon">
							<div class="bjimg">
								<img src="./img/15719939607434_former.png">
							</div>
							<div class="onetext">
								<a href="#">种星星的人</a>
								<a href="#" class="oneup"></a>
							</div>
						</div>
						<div class="bodycon">
							<div class="bjimg">
								<img src="./img/15638756096409_former.png">
							</div>
							<div class="onetext">
								<a href="#">瓶子里の精灵</a>
								<a href="#" class="oneup"></a>
							</div>
						</div>
						<div class="bodycon">
							<div class="bjimg">
								<img src="./img/15590301909412_former.png">
							</div>
							<div class="onetext">
								<a href="#">尖叫鸡</a>
								<a href="#" class="oneup"></a>
							</div>
						</div>
						<div class="bodycon">
							<div class="bjimg">
								<img src="./img/15573084028904_former.png">
							</div>
							<div class="onetext">
								<a href="#">阿肥宅</a>
								<a href="#" class="oneup"></a>
							</div>
						</div>
					</div>
					<!-- 扩展功能 -->
					<div class="extendbox">
						<div class="bodytitle2"></div>
						<!-- 截图 -->
						<div class="extend">
							<div class="extendimg"></div>
							<a href="#" class="extendup"></a>
						</div>
						<!-- 手写输入 -->
						<div class="extend">
							<div class="extendimg2"></div>
							<a href="#" class="extendup2"></a>
						</div>
						<!-- 皮肤盒子 -->
						<div class="extend">
							<div class="extendimg3"></div>
							<a href="#" class="extendup3"></a>
						</div>
						<!-- 点点输入 -->
						<div class="extend">
							<div class="extendimg4"></div>
							<a href="#" class="extendup4"></a>
						</div>
						<!-- 图片表情 -->
						<div class="extend">
							<div class="extendimg5"></div>
							<a href="#" class="extendup5"></a>
						</div>
						<!-- 语音输入 -->
						<div class="extend">
							<div class="extendimg6"></div>
							<a href="#" class="extendup6"></a>
						</div>
					</div>
					<!-- 词库推荐 -->
					<div class="words">
						<div class="bodytitle3"></div>
						<!-- 魔道祖师 -->
						<div class="lexicon">
							<div class="lexiconimg">
								<img src="img/dictrec_1modao.jpg">
							</div>
							<a href="#" class="lexiconnm">魔道祖师</a>
						</div>
						<div class="lexicon">
							<div class="lexiconimg">
								<img src="img/dictrec_1dacaiwu.gif">
							</div>
							<a href="#" class="lexiconnm">财务专用</a>
						</div>
						<div class="lexicon">
							<div class="lexiconimg">
								<img src="img/dictrec_1jiada.jpg">
							</div>
							<a href="#" class="lexiconnm">贾平凹作品</a>
						</div>
						<div class="lexicon">
							<div class="lexiconimg">
								<img src="img/dictrec_1daf.jpg">
							</div>
							<a href="#" class="lexiconnm">TFBOYS粉丝专用</a>
						</div>
						<div class="lexicon">
							<div class="lexiconimg">
								<img src="img/dictrec_1douluoda.jpg">
							</div>
							<a href="#" class="lexiconnm">斗罗大陆</a>
						</div>
						<div class="lexicon">
							<div class="lexiconimg">
								<img src="img/dictrec_1dai.jpg">
							</div>
							<a href="#" class="lexiconnm">红楼梦</a>
						</div>
					</div>
				</div>
				<!-- 右边区域 -->
				<div class="right">
					<div>
						<a href="#" class="oneimg"></a>
						<a href="#" class="twoimg"></a>
						<div class="threeimg">
							<div class="bodytitle4"></div>
							<ul>
								<li><a href="#" class="fa">搜狗输入法Linux版支持双拼啦！</a></li>
								<li><a href="#" class="sa">新词特色主题图之旅，一起穿越吧！</a></li>
								<li><a href="#" class="ta">萌萌的颜文字一键下载直接使用！</a></li>
							</ul>
						</div>
						<a class="fourimg"></a>
						<div class="fifimg">
							<div class="more">
								医生版
							</div>
							<a href="#" class="nowlook">点击查看</a>
							<a href="#" class="nowup">立即下载</a>
						</div>
					</div>
				</div>
			</div>
			<!-- 底部box -->
			<div class="bottombox">
				<div class="bottom">
					<div class="hang1">
						<div class="smlogo"></div>
						<span>皮肤表情词库合作、品牌合作、输入法合作 邮箱：<a href="#">hci_bd@tencent.com</a></span>
					</div>
					<div class="hang2">
						<div class="smlogo"></div>
						<span>使用问题用户反馈 邮箱：<a href="#">IMETS@tencent.com</a></span>
					</div>
					<div class="hang3">
						<span>© 2022 SOGOU.COM <a href="#">京ICP备11001839号-1</a> <a href="#">免责声明</a> <a href="#">隐私政策</a></span>
					</div>
					<div class="hang4">
						<span>北京搜狗科技发展有限公司</span>
					</div>
					<div class="hang2">
						<span>联系地址：北京市海淀区中关村东路1号院9号楼搜狐网络大厦9层01房间</span>
					</div>
					<div class="hang2">
						<span>产品介绍：AI语音专家，让您的打字更简洁，更智能</span>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
